<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>

</body>
<script>
  // cookie 是通过http请求携带cookie发送给服务器
  //  name=zs key=value

  document.cookie = "name=zs"
  document.cookie = "age=18"
  document.cookie = "sex=男"

  // 获取
  console.log(document.cookie) //获取字符串 需要自己分割
  // 设置过期时间
  let now = new Date()
  // 转成标准世界时间
  console.log(now.toUTCString())
  now.setDate(now.getHours() + 1)
  // 过期时间  expires=时间   时间是标准世界时间
  document.cookie = "txt=ls;expires=" + now.toUTCString()

  // 删除cookie 当前过期时间设置成过去
  let del = new Date()
  del.setDate(del.getDate() - 1)
  document.cookie = "name=zs;expires=" + del.toUTCString()
  // cookie大小是4kb左右 通常用来存储用户的登录信息
</script>

</html>